/**
* @file partnership.scss
* @synopsis  合伙中道
* @version 1.0.0
*/

@import "common/common";
@import "common/dialog/dialog";
@import "common/form/1.0.0/form";
@import "common/list/1.0.0/list";
@import "common/slider/slider";

html, body{
	background-color: #f4f4f4;
}

.mod-slider{
	height: rem(450);
	overflow: hidden;
	img{
		display: block;
		width: 100%;
		height: rem(450);
	}
}

.tab-panel{
	padding-left: rem(40);
	padding-bottom: rem(100);
	background-color: #fff;
}
div[data-page="1"]{
	.sult-item{
		&:first-child{
			padding-top: rem(40);
		}
	}
}
.sult-item{
	height: rem(250);
	position: relative;
	border-left: rem(4) solid #dbdcde;
	padding: 0 rem(20) rem(40) rem(30);
	background-color: #fff;
	.mod-state{
		height: rem(40);
		position: relative;
		.ico-time{
			display: inline-block;
			position: relative;
			margin-left: rem(-50);
			vertical-align: middle;
			border: 3px solid #fff;
			border-radius: 50%;
			-webkit-box-sizing:border-box;
			webkit-box-sizing: border-box;
		}
		.time{
			width: rem(280);
			height: rem(40);
			display: inline-block;
			font-size: rem(24);
			color: #888;
			line-height: rem(40);
			text-align: center;
			border-radius: 30px;
			background-color: #e5e7e9;
		}
		.state{
			font-size: rem(28);
			color: #e29323;
		}
	}
}

.mod-details{
	margin-top: rem(20);
	padding: rem(20);
	background-color: #f7f7f9;
	border-radius: 10px;
	.details{
		font-size: rem(30);
		color: #333;
	}
	.go{
		display: block;
		text-align: right;
		font-size: rem(24);
		color: #999;
		span{
			vertical-align: middle;
		}
		img{
			vertical-align: middle;
			margin-left: rem(5);
		}
	}
}

.mod-btn{
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	img, span{
		vertical-align: middle;
		margin: 0 rem(3);
	}
}